<template>
  <h2>MReadMoreLine</h2>

  <h3>MReadMoreLine 属性</h3>
  <table-info type="props" :data="propsTable"></table-info>

  <h3>案例</h3>
  <code-demo-mobile :code="htmlCode" :scriptCode="scriptCode">
    <m-read-more-line :limit="1" :lineHeight="20">
      风险解读：企业模型信用评级为D，处于第二高级别，在所有客户中属于后30%
    </m-read-more-line>
  </code-demo-mobile>
</template>

<script setup>
// prettier-ignore
const propsTable = [
  { name: 'limit', desc: '限制行数，超出则隐藏', type: 'number', default: '1', },
  { name: 'lineHeight', desc: '每行文字高度', type: 'number', default: '20', },
]

const htmlCode = `<m-read-more-line :limit="1" :lineHeight="20">
  风险解读：企业模型信用评级为D，处于第二高级别，在所有客户中属于后30%
</m-read-more-line>`

const scriptCode = ``
</script>
